html,
body {
  width: 100%;
  height: 100%;
}
html .dengluyeWrap,
body .dengluyeWrap {
  width: 100%;
  height: 100%;
  background: url(../image/denglu/bg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
html .dengluyeWrap .centerWrap,
body .dengluyeWrap .centerWrap {
  width: 50%;
  height: 60%;
  margin: 0 auto 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html .dengluyeWrap .centerWrap h2,
body .dengluyeWrap .centerWrap h2 {
  width: 100%;
  font-size: 0.6rem;
  color: #0cf0ff;
  text-align: center;
  letter-spacing: 0.125rem;
}
html .dengluyeWrap .centerWrap .centerBg,
body .dengluyeWrap .centerWrap .centerBg {
  width: 80%;
  height: 80%;
  margin: 0.375rem auto 0;
  background: url(../image/denglu/kuang.png) no-repeat;
  background-size: 100% 100%;
}
html .dengluyeWrap .centerWrap .centerBg h3,
body .dengluyeWrap .centerWrap .centerBg h3 {
  width: 100%;
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: 0.35rem;
  color: #0cf0ff;
  text-align: center;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg,
body .dengluyeWrap .centerWrap .centerBg .centerUlBg {
  width: 90%;
  height: 68%;
  margin: 0 auto 0;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(1),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(1) {
  width: 90%;
  height: 1rem;
  background: rgba(91, 192, 221, 0.2);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 0.0125rem solid #0cf0ff;
  margin: 0 auto;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(1) p:nth-child(1),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(1) p:nth-child(1) {
  width: 0.375rem;
  height: 0.375rem;
  background: url(../image/denglu/yonghu.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 0 0 0.25rem;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(1) p:nth-child(2),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(1) p:nth-child(2) {
  width: 80%;
  height: 30%;
  margin: 0 0 0 0.25rem;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(1) p:nth-child(2) input,
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(1) p:nth-child(2) input {
  width: 100%;
  height: 100%;
  background: rgba(209, 217, 219, 0);
  color: #e3e3e3;
  padding-left: 0.2rem;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(2),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(2) {
  width: 90%;
  height: 1rem;
  background: rgba(91, 192, 221, 0.2);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0.2rem 0 0 0;
  border: 0.0125rem solid #0cf0ff;
  margin: 0.2rem auto 0;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(2) p:nth-child(1),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(2) p:nth-child(1) {
  width: 0.375rem;
  height: 0.375rem;
  background: url(../image/denglu/mima.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 0 0 0.25rem;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(2) p:nth-child(2),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(2) p:nth-child(2) {
  width: 80%;
  height: 30%;
  margin: 0 0 0 0.25rem;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(2) p:nth-child(2) input,
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(2) p:nth-child(2) input {
  width: 100%;
  height: 100%;
  background: rgba(209, 217, 219, 0);
  color: #e3e3e3;
  padding-left: 0.2rem;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(3),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(3) {
  width: 90%;
  height: 0.6rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0.1rem auto 0;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(3) p:nth-child(1),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(3) p:nth-child(1) {
  width: 0.25rem;
  height: 0.25rem;
  background: url(../image/denglu/xuanze.png) no-repeat;
  background-size: 100% 100%;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(3) p:nth-child(2),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(3) p:nth-child(2) {
  width: 0.25rem;
  height: 0.25rem;
  background: url(../image/denglu/kuanzhong.png) no-repeat;
  background-size: 100% 100%;
  display: none;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(3) p:nth-child(3),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(3) p:nth-child(3) {
  font-size: 0.23rem;
  color: #e3e3e3;
  margin: 0 0 0 0.2rem;
}
html .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(4),
body .dengluyeWrap .centerWrap .centerBg .centerUlBg li:nth-child(4) {
  width: 90%;
  height: 0.76rem;
  background: #0cf0ff;
  font-size: 0.3rem;
  color: #001A2E;
  text-align: center;
  line-height: 0.76rem;
  font-family: PingFangSC-Medium, PingFang SC;
  margin: 0 auto;
}
